<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 包含头部信息用于适应不同设备 -->
<meta name="viewport"
	content="width=device-width, initial-scale=1
    	user-scalable=no">
<!-- 包含 bootstrap 样式表 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/BootStrap/css/bootstrap.min.css">
<!-- JavaScript 放置在文档最后面可以使页面加载速度更快 -->
<!-- 可选: 包含 jQuery 库 -->
<script
	src="${pageContext.request.contextPath }/BootStrap/js/jquery-3.1.1.js"></script>
<!-- 可选: 合并了 Bootstrap JavaScript 插件 -->
<script
	src="${pageContext.request.contextPath }/BootStrap/js/bootstrap.min.js"></script>
<title>学生框架</title>
<!--学生的整体框架-->

</head>
<body>
	<!--整个页面栅格-->
	<div class="container-fluid "
		style="background-color: blasck; padding: 0px; margin-left: 4%;">
		<div class="row-fluid">
			<div class="span12">
				<!-- 通知轮转图 -->
				<!--data-ride="carousel" 使轮转图自动轮转-->
				<div class="carousel slide" id="carousel-598343"
					data-ride="carousel"
					style="width: 1200px; height: 200px; background: url(${pageContext.request.contextPath }/img/back.jpg); color: white;">

					<div class="carousel-inner" style="color: black;">

						<table class="table table-hover table-bordered table-striped">
							<c:if test="${!empty list}">
								<c:forEach items="${list}" var="c" varStatus="status">
									<c:if test="${status.count%2==0 } ">
										<tr class="success" style="color: #98FB98; font-size: 20px;">
									</c:if>
									<c:if test="${status.count%2!=0 }">
										<tr>
									</c:if>
									<%
										int a = 0;
									%>
									<td><%=++a%></td>
									<td>${ c.subjectt }</td>
									<td>${ c.content }</td>
									</tr>

								</c:forEach>
							</c:if>
						</table>
					</div>
					<a class="left carousel-control" href="#carousel-598343"
						data-slide="prev"><span
						class="glyphicon glyphicon-chevron-left"></span></a> <a
						class="right carousel-control" href="#carousel-598343"
						data-slide="next"><span
						class="glyphicon glyphicon-chevron-right"></span></a>
				</div>


			</div>
		</div>
	</div>
</body>
</html>